<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		*{
			font-family: "Microsoft YaHei", "Hiragino Sans GB";
			color: #333333;
		}
		table{
			width:398px;
			position:relative;
			margin:auto;
			margin-top: 50px;
		}
		td{
			border:1px solid #dddddd;
			line-height: 52px;
            padding-left: 20px;
            padding-right: 20px;
		}
		input{
			outline:none;
			border:0px;
			margin-left: 25px;
		    line-height: 50px;
		    font-size: 14px;
		    width: 66%;
		}
		.button{
			background-color: #e22;
			border:1px solid #e22; 
			text-align:center;
			color: #ffffff;
		}
		.checkbox{
			width: 20px;
			float: left;
		}
		.read{
			border:0px;
			line-height: 20px;
			font-size: 11px;
			position: relative;
			left: -45px;
		}
		.hr{
			float: left;
		    position: relative;
		    height: 52px;
		    width: 1px;
		    left: 91px;
		    background-color: #e5e5e5;
		}
		.agree{
			color: #38f;
		}
		 .yanzheng_text{
			width: 35%;
		}
		.yanzhengma{
			background-color: #ffff00;
			float:right;
			margin-top: 15px;
			line-height: 25px;
		}
		.yanzhengma2{
			background-color: #F3F3F3;
			float:right;
			margin-top: 1px;
			text-align: center;
			width: 100px;
			position: relative;
   			right: -16px;
   			line-height: 50px;
   			border-radius: 3px;
   			font-size: 15px;
		}
	</style>
</head>
<body>
	<table cellspacing="20px;">
		<tr>
			<td>用　户　名<input type="text" placeholder="您的账户名和登录名"></td>
		</tr>
		<tr>
			<td>设 置 密 码<input type="text" placeholder="建议至少使用两种字符显示"></td>
		</tr>
		<tr>
			<td>确 认 密 码<input type="text" placeholder="请再次输入密码"></td>
		</tr>
		<tr>
			<td>中国 0086<input type="text" placeholder="建议使用常用手机"><div class="hr"></div></td>
		</tr>
		<tr>
			<td>验　证　码<input class="yanzheng_text" type="text" placeholder="请输入验证码"><div class="yanzhengma">2017<div></td>
		</tr>
		<tr>
			<td>手机验证码<input class="yanzheng_text" type="text" placeholder="请输入手机验证码"><div class="yanzhengma2">获取验证码<div></td>
		</tr>
		<tr>
			<td class="read"><input class="checkbox" type="checkbox" name="" checked="checked">阅读并同意<span class="agree">《京东用户注册协议》 《隐私政策》</span></td>
		</tr>
		<tr>
			<td class="button">立即注册</td>
		</tr>
	</table>
</body>
</html>